<html>
<head>
	<!--MOCHAUI-->
	<script type="text/javascript" src="../../../Demo/scripts/mootools-1.3.0-core-nocompat-yc.js"></script>
	<script type="text/javascript" src="../../../Demo/scripts/mootools-1.3.0-more-yc.js"></script>
	<script type="text/javascript" src="../../Core/core.js"></script>
	<script type="text/javascript" src="../../Core/content.js"></script>
	<script type="text/javascript" src="../../Core/canvas.js"></script>
	<script type="text/javascript" src="../../Core/desktop.js"></script>
	<script type="text/javascript" src="../column/column.js"></script>
	<script type="text/javascript" src="../panel/panel.js"></script>
	<script type="text/javascript" src="../window/window.js"></script>
	<script type="text/javascript" src="../window/modal.js"></script>
	<!--MOCHAUI-->
	<script type="text/javascript">
		window.addEvent('load', function(){
			MUI.options.path.root = '../../../';
			MUI.options.path.demo = '{root}Demo/';
			new MUI.Panel({
				id:'panel1',
				column:'place1',
				footer: true,
				content: [
					{url: '{demo}pages/blank.html'},
					{name: 'search', position: 'header', control: 'famfamfam'},
					{name: 'buttons', position: 'footer', control: 'MUI.Toolbar', buttons: [
						{id: 'page0', image:'{demo}images/icons/16x16/page_green.gif'},
						{id: 'page1', image:'{demo}images/icons/16x16/page_red.gif'},
						{id: 'page2', image:'{demo}images/icons/16x16/page.gif'}
					],
						onClick:function(){
							MUI.notification('Do Something');
							return true;
						}
					},
					{name: 'buttons1', position: 'header', control: 'MUI.Toolbar', buttons: [
						{id: 'button', type: 'image', text: 'Button 1', title: 'Click to do something 1', image: '{fff}accept.png'},
						{id: 'button', type: 'image', text: 'Button 2', title: 'Click to do something 2'}
					],
						onClick: function(){
							MUI.notification('Do Something');
							return true;
						}
					},
					{name: 'buttons2', position: 'header', control: 'MUI.Toolbar', buttons: [
						{id: 'button', type: 'html', text: 'Button 3', title: 'Click to do something 3'},
						{id: 'go', cssClass: 'icon_application_go', title: 'Go'},
						{id: 'get', cssClass: 'icon_application_get'},
						{id: 'home', cssClass: 'icon_application_home', onClick: function(){
							MUI.notification('Do Something Else');
						}
						}
					],
						onClick:function(){
							MUI.notification('Do Something');
							return true;
						}
					}
				]
			});
		});
	</script>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/core.css"/>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/desktop.css"/>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/window.css"/>
	<link rel="stylesheet" type="text/css" href="../../Themes/default/css/toolbar.css"/>

</head>

<body>

<div id="place1" class="panel-header">
</div>

</body>
</html>